import {Component} from "@angular/core";
import {ROUTER_DIRECTIVES} from "@angular/router";
import {HeroService} from "./hero.service";
import {HighlightDirective} from "./directives/highlight.directive";
import {AnchorRippleDirective} from "./directives/ripple.directive";

@Component({
    selector: 'my-app',
    templateUrl: 'app/app2.component.html',
    styleUrls: ['app/app2.component.css'],
    directives: [ROUTER_DIRECTIVES, HighlightDirective, AnchorRippleDirective],
    providers: [HeroService]
})
export class AppComponent {
    title = 'Tour of Heroes'
    color = null
    public isRipple = true;
}